<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/eventHandle.css"/>
	</head>

	<body>
		<div class="mui-content" id="event-handle-content" v-cloak>
			<header class="mui-bar mui-bar-nav" id="myHeader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">事件处理</h1>
			</header>
			<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch; margin-top: 25px; background-color: #efeff4;">
				<div class="mui-scroll">
					<div class="mui-content" id="event-handle-wrapper">
						<div class="equip-info-wrapper" v-if="showEquipInfo">
							<div class="box-header-wrapper">
								<span class="box-header" id="equip-header">资产信息</span>
									<!-- <span class="equip-state" :class="stateClassName">{{stateName}}</span> -->
							</div>
							<div class="equip-info-box"  v-show="!showEquipmentDetail">
								<div class="equip-info-item">
									<span class="equip-info-txt">资产编号:</span>
									<span class="equip-info-value">{{zcbh}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">设备类型:</span>
									<span class="equip-info-value">{{type}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">所属部门:</span>
									<span class="equip-info-value">{{depart}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">使用人:</span>
									<span class="equip-info-value">{{user}}</span>
								</div>
								<div class="equip-info-item">
									<span class="equip-info-txt">联系方式:</span>
									<span class="equip-info-value">{{contact}}</span>
								</div>
								<div class="equip-info-item" @tap="showInfoDetail(true)">
									<span>展开</span>
									<span class="mui-icon iconfont icon-xiasanjiaoxing"></span>
								</div>
							</div>
							<div class="equip-info-fold-wrapper" v-show="showEquipmentDetail">
									<div class="equip-info-item">
										<span class="equip-info-txt">资产编号:</span>
										<span class="equip-info-value">{{zcbh}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">条码编号:</span>
										<span class="equip-info-value">{{tmbh}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">制衣办编号:</span>
										<span class="equip-info-value">{{zybbh}}</span>
									</div>
									<div class="split-line"></div>
									<div class="equip-info-item">
										<span class="equip-info-txt">设备类型:</span>
										<span class="equip-info-value">{{type}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">设备名称:</span>
										<span class="equip-info-value">{{name}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">品牌或厂商:</span>
										<span class="equip-info-value">{{vendor}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">型号:</span>
										<span class="equip-info-value">{{model}}</span>
									</div>
									<div class="split-line"></div>
									<div class="equip-info-item">
										<span class="equip-info-txt">部门:</span>
										<span class="equip-info-value">{{depart}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">车间:</span>
										<span class="equip-info-value">{{workshop}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">使用人:</span>
										<span class="equip-info-value">{{user}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">联系方式:</span>
										<span class="equip-info-value">{{contact}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">存放地点:</span>
										<span class="equip-info-value">{{location}}</span>
									</div>
									<div class="equip-info-item auto-height">
										<span class="equip-info-txt">备注:</span>
										<span class="equip-info-value">{{note}}</span>
									</div>
									<div class="split-line"></div>
									<div class="equip-info-item">
										<span class="equip-info-txt">录入人:</span>
										<span class="equip-info-value">{{recorder}}</span>
									</div>
									<div class="equip-info-item">
										<span class="equip-info-txt">录入时间:</span>
										<span class="equip-info-value">{{putindate}}</span>
									</div>
									<div class="equip-info-item" @tap="showInfoDetail(false)">
										<span class="equip-info-txt">收起</span>
									</div>
								</div>
						</div>
						<div class="box-header-wrapper">
							<span class="box-header">事件信息</span>
						</div>
						<div class="event-info-wrapaper">
							<div class="event-info-item">
								<span class="event-info-txt">事件类型:</span>
								<span class="event-info-value">{{eventType}}</span>
							</div>
							<div class="event-info-item">
								<span class="event-info-txt">事件描述:</span>
								<span class="event-info-value">{{eventDesc}}</span>
							</div>
							<div class="event-info-item">
								<span class="event-info-txt">部门:</span>
								<span class="event-info-value">{{eventDepart}}</span>
							</div>
							<div class="event-info-item">
								<span class="event-info-txt">车间:</span>
								<span class="event-info-value">{{eventWorkshop}}</span>
							</div>
							<div class="event-info-item">
								<span class="event-info-txt">上报人:</span>
								<span class="event-info-value">{{eventRecorder}}</span>
							</div>
							<div class="event-info-item">
								<span class="event-info-txt">上报时间:</span>
								<span class="event-info-value">{{eventRecordDate}}</span>
							</div>
							<div class="event-info-item" v-if="eventAssistant">
								<span class="event-info-txt">协助人员1:</span>
								<span class="event-info-value">{{eventAssistant}}</span>
							</div>
							<div class="event-info-item" v-if="eventAssistant">
								<span class="event-info-txt">移交时间1:</span>
								<span class="event-info-value">{{passOnDate}}</span>
							</div>
							<div class="event-info-item" v-if="eventAssistant1">
								<span class="event-info-txt">协助人员2:</span>
								<span class="event-info-value">{{eventAssistant1}}</span>
							</div>
							<div class="event-info-item" v-if="eventAssistant1">
								<span class="event-info-txt">移交时间2:</span>
								<span class="event-info-value">{{passOnDate1}}</span>
							</div>
						</div>
						<div class="box-header-wrapper">
							<span class="box-header">解决方案</span>
						</div>
						<textarea rows="5" cols="10" :placeholder="solutionError" v-model="solution"></textarea>
						<button type="button" class="mui-btn mui-btn-red submit-botton" @tap="closeEvent">完成处理 关闭事件</button>
					<button type="button" class="mui-btn mui-btn-blue submit-botton" @tap="passOnData" v-show="showPassOnBtn">无法处理 向上提交</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/validate.js" type="text/javascript" charset="utf-8"></script>
		<script src="../config.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/business/eventHandle.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>